body
{
background: #ffffff top;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#000;
}
p{
padding:2px;
margin:0px;
}
#main_container{
width:1000px;
height:auto;
margin:auto;
padding:0px;
background-color:#FFFFFF;
}
#header{
width:978px;
height:132px;
background:url(../images/header_bg2.jpg) no-repeat center;
background-position:0px 0px;
margin:auto;
}
#logo{
float:left;
padding:45px 0 0 15px;
}
#main_content{
clear:both;
}
.languages{
float:right;
width:150px;
padding:8px 0 0 0;
}
.lang_text{
float:left;
padding:0 5px 0 0;
color:#1DA1CF;
}
a.lang{
display:block;
float:left;
padding:0 5px 0 5px;
}
.top_right{
width:728px;
float:right;
}
.big_banner{
float:right;
padding:10px 10px 0 0;
}
.errorMessage {
    color: #FF0000;
    font-weight: bold;
    text-align: left;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:1000px;
height:36px;
background:url(../images/menu_bg.gif) repeat-x;
}
ul.menu {
list-style-type:none; float:left; display:block; width:982px; 
margin:0px; padding:0px;background:url(../images/menu_bg.gif) repeat-x;}

ul.menu li {
display:inline;
font-size:11px;
font-weight:bold;
line-height:36px;
}
ul.menu li.divider {
display:inline;
width:4px;
height:36px;
float:left;
background:url(../images/menu_divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#fff;}

a.nav:hover{
display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#199ECD;}

/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:980px;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(../images/navbullet.png) no-repeat left;
background-position:5px 8px;
}
.crumb_navigation a{
color:#0fa0dd;
text-decoration:underline;
}
span.current{
color:#0fa0dd;
}

/*-------------left_content------------------*/
.left_content{
width:180px;
float:left;
padding:0 0 0 5px;
}
.title_box{
width:180px;
height:30px;
margin:5px 0 0 0;
background:url(../images/menu_title_bg.gif) no-repeat center;
text-align:center;
font-size:13px;
font-weight:bold;
color:#159dcc;
line-height:30px;
}
/*--------left menu---------*/
ul.left_menu{
width:180px;
padding:0px;
margin:0px;
list-style:none;
}
ul.left_menu li{
margin:0px;
list-style:none;
}
ul.left_menu li.odd a{
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed;
text-decoration:none;color:#504b4b;padding:0 0 0 14px; line-height:25px;
}
ul.left_menu li.even a{
width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; background-color:#f0f4f5;
text-decoration:none;color:#504b4b;padding:0 0 0 14px; line-height:25px;
}
ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
color:#000; text-decoration:underline;
}

.border_box{
width:180px;
height:auto;
text-align:center;
background:url(../images/box_bottom_bg.gif) no-repeat center bottom;
}
.product_title{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a{
text-decoration:none;
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#666666;
text-decoration:line-through;
}
span.price{
color: #ff8a00;
}
/*----------newsletter--------------*/
input.newsletter_input{
width:150px;
height:16px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
font-size:12px;
padding:3px;
color:#999999;
}
a.join{
width:17px;
display:block;
margin:0px 0 5px 110px;
padding:2px 8px 6px 8px;
text-decoration: underline;
color:#169ECC;
}
.banner_adds{
width:180px;
text-align:center;
padding:10px 0 10px 0;
}
/*--------------oferta------------------*/
.oferta{
width:585px;
height:156px;
background:url(../images/slider_bg.gif) no-repeat center;
float:left;
padding:0px;
margin:0 0 5px 5px;
}
.oferta_img{
float:left;
padding:10px 0 0 10px;
}
.oferta_title{
font-size:15px;
color:#159dcc;
font-weight:bold;
}
.oferta_details{
width:340px;
float:left;
padding:20px 0 0 30px;
}
.oferta_text{
padding:5px 0 5px 0;
font-size:12px;
color:#159dcc;
text-align:justify;
line-height:15px;
}
/*center content--------------------------*/
.center_content{
width:600px;
float:left;
padding:5px 10px 5px 15px;
}
.center_title_bar{
width:575px;
height:31px;
float:left;
padding:0 0 0 10px;
margin:0 0 0 5px;
line-height:31px;
font-size:12px;
color:#159DCC;
font-weight:bold;
background:url(../images/bar_bg.gif) no-repeat center;
}

/*----------------------right content--------------*/
.right_content{
width:180px;
float:left;
padding:0px;
}
.shopping_cart{
width:180px;
height:84px;
text-align:center;
}
.cart_title{
font-size:12px;
font-size:12px;
color:#847676;
font-weight:bold;
padding:0px;
}
.cart_details{
width:115px;
float:left;
padding:5px 0 0 15px;
text-align:left;
}
.cart_icon{
float:left;
padding:5px 0 0 5px;
}
span.border_cart{
width:100px;
height:1px;
margin:3px 0 3px 0;
display:block;
border-top:1px #999999 dashed;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.center_prod_box{
width:173px;height: auto;float:left; text-align:center;padding:0px; margin:0px; border:1px #F0F4F5 solid;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:75px;
height:24px;
display:block;
float:right;
background:url(../images/link_bg.gif) no-repeat center;
margin:2px 5px 0 0;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}

a.prod_compare{
width:75px;
height:24px;
display:block;
float:left;
background:url(../images/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}
a.prod_buy{
width:75px;
height:24px;
display:block;
float:left;
background:url(../images/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color: #006600;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 15px 15px;
}
.center_prod_box_big{
width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px;border:1px #F0F4F5 solid;
}
.product_img_big{
width:170px;
padding:10px 0 0 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
font-size:14px;
}
.specifications{
font-size:12px;
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:15px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
font-size:16px;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(../images/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(../images/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#159DCC;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 75px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
font-size:12px;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:18px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(../images/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
/*--------------footer----------------*/
.footer{
width:1000px;
clear:both;
height:65px;
color: #afafaf;
padding-top: 10px;
}
.left_footer{
float:left;
width:300px;
padding:5px 0 0 10px;
}
.right_footer{
float:right;
padding:15px 30px 0 0;
}
.right_footer a{
padding:0 0 0 7px;
text-decoration:none;
color: #0c8bdc;
}
.right_footer a:hover{
text-decoration:underline;
}

.center_footer{
float:left;
width:300px;
text-align:center;
color:#666666;
padding:10px 0 0 60px;
}

.center_footer a{
padding:0 0 0 7px;
text-decoration:none;
color:#0c8bdc;
}


/*--------------menu d'en haut----------------*/
#menu{
    margin:0 auto;
    padding:0;
    list-style-type:none;
}

#menu li{
    margin:0;
    border-left:1px solid #888;
    border-right:1px solid #aaa;
    padding:0;
    width:162px;
    height:36px;
    float:left;
    background:url('../images/background-menu.png') repeat-x;
}
#menu li:hover{
    background-position:bottom;
}
#menu .arrondigauche,#menu .arrondidroite{
    width:7px;
    border:none;
}
#menu .arrondigauche{
    background:url('../images/background-menu-gauche.png') no-repeat;
}
#menu .arrondidroite{
    background:url('../images/background-menu-droite.png') no-repeat;
}
#menu li a{
    margin:0;
    padding:0;
    display:block;
    width:100%;
    height:100%;
    line-height:36px;
    color:#ccc;
    font-family:'Myriad Pro',tahoma;
    font-weight:700;
    text-decoration:none;
    font-size:13px;
    text-align:center;
}
#menu li a:after {
    color:#444;
    content:attr(title);
    display:block;
    margin-top:-37px;
}
#menu li a:hover{
    color:#333;
    position:relative;
    top:-2px;
}
#menu li a:hover:after{
    color:white;
    margin-top:-35px;
}
#menu .prems{
    border-left:none;
}
#menu .last{
    border-right:none;
}


/* -------- MENU DE GAUCHE CATEGORIES ------- */
body #navigation .module .list_content{padding-top:2px;}
.module .list_content,.module .list_foot{float:left;width:100%;background:url("column-bg.png") repeat-y;}
.module h2,#secondary .module .modulecontent .list_head h2,#secondary .module .modulecontent .list_head h2{float:left;width:100%;padding:5px 0 0;background:url("primary-h2-top.png") no-repeat;}
.module{margin-bottom:8px;}
.module h2 span{display:block;padding:0 0 5px 12px;background:#2d5e9f url("h2.png") repeat-x;font-weight:bold;font-size:13px;line-height:14px;color:#fff;text-shadow:1px 1px 1px #000000;}

#navigation .module h3 span,#secondary .module h3 span,#navigation .module h3 a,#secondary .module h3 a{position:relative;display:block;border-top:1px solid #cdcdcd;border-bottom:1px solid #d1d1d1;margin:0 2px 0 1px;padding:.34em 2px .34em 12px;line-height:14px;color:#333;}
#navigation .module h3 a,#secondary .module h3 a{background:transparent url("css/i/aos/module/h3-arrow.png") 146px .47em no-repeat;_background-image:url("css/i/aos/module/h3-arrow.gif");}
#navigation .module h3 a:hover,#secondary .module h3 a:hover{background-color:#E4EBF2;color:#0085cf;text-decoration:none;}
#navigation .module li{clear:left;}
#navigation .module ul,#secondary .module ul{margin:5px 2px 3px 1px;padding-left:0;list-style:none;}
#navigation .module ul{clear:both;}
#secondary .module li{clear:left;}
#navigation .modulecontent li a,#secondary .modulecontent li a,#navigation .modulecontent p.more a,#secondary .modulecontent p.more a{position:relative;display:inline-block;clear:left;padding:5px 12px;line-height:1.25em;color:#333;cursor:pointer;}


#navigation {
float:right;
font-size:1.1em;
line-height:1.2em;
margin-right:8px;
width:168px;
}

.module  {
margin-bottom:8px;
}

#navigation .module h2, #secondary .module h2, #navigation .module .modulecontent .list_head h2, #secondary .module .modulecontent .list_head h2 {
background:url("column-h2-top.png") no-repeat scroll 0 0 transparent;
overflow:hidden;
}

.module h2, #secondary .module .modulecontent .list_head h2, #secondary .module .modulecontent .list_head h2 {
background:url("primary-h2-top.png") no-repeat scroll 0 0 transparent;
float:left;
padding:5px 0 0;
width:100%;
}

.module h2 span {
background:url("h2.png") repeat-x scroll 0 0 #2D5E9F;
color:#FFFFFF;
display:block;
font-size:13px;
font-weight:bold;
line-height:14px;
padding:0 0 5px 12px;
text-shadow:1px 1px 1px #224272;
}

#navigation .modulecontent, #primary #secondary .modulecontent, #secondary .modulecontent {
background:url("column-bg.png") repeat-y scroll 0 0 transparent;
padding:0;
}

.modulecontent {
background:url("primary-bg.png") repeat-y scroll 0 0 transparent;
display:inline;
float:left;
padding:8px 0;
width:100%;
}

body #navigation .module .list_content {
padding-top:2px;
}

.module .list_content, .module .list_foot {
background:url("column-bg.png") repeat-y scroll 0 0 transparent;
float:left;
width:100%;
}

#navigation .module_btm, #secondary .module_btm {
background:url("column-btm.png") no-repeat scroll 0 0 transparent;
}

.module_btm {
background:url("primary-btm.png") no-repeat scroll 0 0 transparent;
clear:left;
float:left;
height:5px;
line-height:5px;
margin-bottom:7px;
width:100%;
}

#navigation .module h3, #secondary .module h3 {
background:url("column-h3-bg.png") repeat-y scroll 0 0 transparent;
color:#333333;
float:left;
font-size:12px;
font-weight:bold;
line-height:14px;
width:100%;
}

h1, h2, h3, h4, h5, h6 {
font-size:1em;
font-weight:normal;
}

#navigation .module h3 a, #secondary .module h3 a {
background:url("css/i/aos/module/h3-arrow.png") no-repeat scroll 146px 0.47em transparent;
}

#navigation .module h3 span, #secondary .module h3 span, #navigation .module h3 a, #secondary .module h3 a {
border-bottom:1px solid #D1D1D1;
border-top:1px solid #CDCDCD;
color:#333333;
display:block;
line-height:14px;
margin:0 2px 0 1px;
padding:0.34em 2px 0.34em 12px;
position:relative;
}

a:link, a:visited {
text-decoration:none;
}

:-moz-any-link {
outline:medium none;
}

a {
color:#0085CF;
}

#navigation .module ul {
clear:both;
}

#navigation .module ul, #secondary .module ul {
list-style:none outside none;
margin:5px 2px 3px 1px;
padding-left:0;
}

ul {
list-style:none outside none;
}

#navigation .module li {
clear:left;
}

* {
margin:0;
padding:0;
}

/* ------- PANIER --------- */
.panier {
	padding: 12px;
}

.panier .nb_objets {
	margin-top: -7px;
	color:#878787;
	text-align:right;
	font-size:18px;
}

.panier .nb_objets_border {
	border-bottom: 1px solid #bababa;
	margin-right:-12px;
	margin-left:-12px;
	margin-top: 3px;
	margin-bottom: 15px;
}

.panier .total {
	color:#878787;
	font-size:15px;
	margin-top: 15px;
	margin-bottom:4px;
}

.panier .prix {
	color:#333333;
	font-size:18px;
	font-weight:bold;
}

.panier .tva {
	color:#afafaf;
	font-size:12px;
}

.panier .objets {
	color:#565656;
	list-style:none;
}

.panier .commander {
	text-align:center;
	padding-top:-2px;
	padding-bottom:-10px;
	font-size:18px;
	
}


/* ------- MILIEU - TABLEAU CATEGORIES ------- */
.module_top {
float:left;
height:0px;
line-height:4px;
width:100%;
}

#aos_family {
float:left;
margin-bottom:15px;
padding:0px;
width:100%;
/*height:420px;*/
/*overflow:auto;*/
}

.home #primary #aos_family ul#family-ipod {
width:auto;
}

.home #primary ul#family-ipod.hc {
margin-left:0;
width:auto;
}

ul#family-mac.first-row, ul#family-ipod.first-row, ul#family-iphone.first-row, ul#family-servers.first-row, ul#business-selects.first-row {
border-top:0 none;
}


ul {
list-style:none outside none;
}

element.style  {
padding-right:20px;
text-align:center;
}

#family-mac li, #family-ipod li {
float:left;
}

ul#family-ipod.hc .first a, ul#family-ipod.hc .first em {
padding-left:14px;
padding-right:4px;
}

body.home ul#family-mac a, body.home ul#family-ipod a, body.home ul#family-iphone a, body.home ul#family-servers a, body.home ul#business-selects a, body.home ul#family-mac em, body.home ul#family-ipod em, body.home ul#family-iphone em, body.home ul#family-servers em, body.home ul#business-selects em {
padding-bottom:11px;
}

ul#family-ipod.hc a, ul#family-ipod.hc em {
padding-left:7px;
padding-right:6px;
}

ul#family-ipod .first a, ul#family-ipod .first em {
padding-left:10px;
padding-right:16px;
}

ul#family-ipod a, ul#family-ipod em {
padding-left:24px;
padding-right:24px;
}

ul#family-mac a, ul#family-ipod a, ul#family-iphone a, ul#family-servers a, ul#business-selects a, ul#family-mac em, ul#family-ipod em, ul#family-iphone em, ul#family-servers em, ul#business-selects em {
color:#666666;
font-size:11px;
font-style:normal;
padding:16px 5px 2px 11px;
position:relative;
}

a:link, a:visited {
text-decoration:none;
}

:-moz-any-link {
outline:medium none;
}

a {
color:#0085CF;
}

element.style  {
padding-right:20px;
text-align:center;
}

#family-mac li, #family-ipod li {
float:left;
}

p#free-shipping {
color:#666666;
font-size:12px;
min-height:0;
padding:11px 0 8px;
text-align:center;
}

ul#family-mac, ul#family-ipod, ul#family-iphone, ul#family-servers, ul#business-selects, p#free-shipping {

display:inline !important;
float:left;
line-height:14px;
margin:0 0 2px 15px;
min-height:156px;
padding:0;
position:relative;
white-space:nowrap;
width:605px;
margin-top:20px;
}

p#free-shipping strong {
color:#000000;
}

ul#family-mac, ul#family-ipod, ul#family-iphone, ul#family-servers, ul#business-selects, p#free-shipping {
display:block;
}

ul#family-mac, ul#family-ipod, ul#family-iphone, ul#family-servers, ul#business-selects, p#free-shipping {
display:inline-block;
}


/* ------- MILIEU - DETAIL PRODUIT ------- */
.titre_detail_objets {
	font-family:'Myriad Pro',tahoma;
	color:#666;
	font-size:25px;
	font-weight:bold;
	margin-left:25px;
	margin-top:25px;
}

.description_detail_objets {
	font-family:'Myriad Pro',tahoma;
	color:#ACACAC;
	font-size:13px;
	margin-left:25px;
	margin-top:7px;
	line-height:15px;
	text-align:justify;
}

.etoiles {
	font-family:'Myriad Pro',tahoma;
	color:#666;
	font-size:15px;
	margin-left:25px;
	margin-top:7px;
}

.clear {
	clear:both;
}

.prix_detail {
	font-family:'Myriad Pro',tahoma;
	color:#666;
	font-size:15px;
	margin-left:25px;
	margin-top:15px;
}

.prix_detail .chiffre {
	color:#222222;
}

.commander_detail {
	font-family:'Myriad Pro',tahoma;
	color:#666;
	font-size:25px;
	margin-right:210px;
	margin-top:50px;
	text-align:right;	
}

.photo_detail {
	float:right;
	margin-left:4px;
	margin-right:5px;
}

/*--------*/
.nb_pages_produits {
	margin-top:390px;
	font-weight:bold;
	text-align:center;
	font-size: 12px;
}

.listeComptes {
    border-collapse:collapse;
    width:100%;
}

.listeComptes th {
	color: #4f6b72;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #CCCCCC;
}

.listeComptes td {
	border: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
    border-collapse:collapse
}

#formulaire {
    border:#CCCCCC solid 1px;
    padding:20px;
}

#formulaire label {
	float:left;
	width:200px;
	margin:0 0 0 2px;
	padding:2px;
	font-size:110%;
	font-weight:bold;
    font-size:larger;
    color:#44444;
}

#formulaire input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width:250px;
    padding:4px;
    margin-bottom:5px;
}

#formulaire select { /*width of text boxes. IE6 does not understand this attribute*/
	width:262px;
    margin-bottom:5px;
}

#formulaire input[type="submit"] { /*width of text boxes. IE6 does not understand this attribute*/
	width:262px;
    margin-bottom:5px;
    padding:2px;
}

#formulaire textarea { /*width of text boxes. IE6 does not understand this attribute*/
	width:250px;
    padding:4px;
    margin-bottom:5px;
}